<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>系统首页</title>
    <link rel="stylesheet" href="../static/css/styles.css" />
    <link rel="stylesheet" href="../static/css/font-awesome-4.7.0/css/font-awesome.min.css" />
    <script src="../static/js/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            $('.menux p').click(function() {
                $(this).siblings('ul').slideUp(200);
                $(this).next('ul').slideToggle(200);
            });
            $('.menux ul a').click(function() {

                $('iframe').attr("src", $(this).attr("url"));
                $('.menu_title').html($(this).attr("title"));
            });
        })
    </script>
</head>

<body>
    <div class="header">
        <div class="logo">学生选课系统</div>
        <div class="user">
            <i class="fa fa-caret-down point"></i>
            <i class="fa fa-user"></i> {{sname}}学生
            <ul>
                <li><a  href="javascript:void(0)" onclick="window.location.href='{{url_for('stumodifypassword')}}'">修改密码</a></li>
                <li><a href="javascript:void(0)" onclick="window.location.href='{{url_for('exitlogin')}}'">退出登录</a></li>
            </ul>
        </div>
    </div>
    <div class="left">
        <div class="title">
            <i class="fa fa-home"></i> 学生功能
        </div>
        <div class="menux">
            <p>
                <i class="fa fa-info-circle"></i>
                <i class="fa fa-angle-right point"></i> 信息查询
            </p>
            <ul>
                <li>
                    <a href="javascript:void(0);" url="{{ url_for('per_info') }}" title="学生信息">
                        <i class="fa fa-caret-right"></i> 学生信息查询
                    </a>
                </li>
            </ul>
            <p>
                <i class="fa fa-info-circle"></i>
                <i class="fa fa-angle-right point"></i> 选课功能
            </p>
            <ul>
                <li>
                    <a href="javascript:void(0);" url="{{ url_for('xuankelist') }}" title="课程信息">
                        <i class="fa fa-caret-right"></i> 选课
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);" url="{{ url_for('yixuanlist') }}" title="子功能1">
                        <i class="fa fa-caret-right"></i> 查看已选择的课程
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);" url="{{ url_for('course') }}" title="子功能1">
                        <i class="fa fa-caret-right"></i> 查看课程表
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="main">
        <div class="location">
            <i class="fa fa-home"></i>
            <span class="menu_title">选课管理</span>
        </div>
        <iframe src="{{ url_for('initial') }}" width="100%" height="90%" frameborder="0px"></iframe>
    </div>
</body>

</html>